<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>正在播放</title>
	<link rel='SHORTCUT ICON' href='../images/favicon.ico'>
	<link href="../style/blue.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="">
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/jquery.jplayer.js"></script>
	<script type="text/javascript" src="../js/lrc.js"></script>
	<style type="text/css">
	* {
		margin: 0;
		padding: 0;
		outline:none;
	}
	ul, ol, dl {
		list-style: none;
	}
	.music_box{width:100%;}
	.content {width: 100%;height:592px;overflow:hidden;background:rgba(0,0,0,.5);}
	#lrc_list{background:rgba(0,0,0,.5);}
	#lrc_list li{font:normal 20px/2.1 'microsoft yahei';text-align:center;padding-top: 10px; color: #fff;}
	#lrc_list li.hover {color:#31c27c;font-weight:bold;}
	</style>
	<script>
	$(document).ready(function(){
		$("#jquery_jplayer_1").jPlayer({
			ready: function (event) {
				$(this).jPlayer("setMedia", {
					mp3:"wait.mp3" //mp3的播放地址
				});
			},
			timeupdate: function(event) {
				if(event.jPlayer.status.currentTime==0){
					time = "";
				}else {
					time = event.jPlayer.status.currentTime;
				}
			},
			play: function(event) {
				//点击开始方法调用lrc。start歌词方法 返回时间time
				$.lrc.start($('#lrc_content').val(), function() {
					return time;
				});
			},
			ended:function(event){
				$("#lrc_list").removeAttr("style").html("<li>歌曲播放完毕！</li>");
			},
			swfPath: "/js",  		//存放jplayer.swf的决定路径
			solution:"html, flash", //支持的页面
			supplied: "mp3",		//支持的音频的格式
			wmode: "window"
		});
	});
</script>
</head>
<body>
	<textarea id="lrc_content" name="textfield" cols="70" rows="10" style="display:none;"> 
	[00:00.64]等我回家 - 薛之谦
	[00:02.14]词：薛之谦
	[00:03.08]曲：薛之谦
	[00:24.18]闭上眼睛 什么都不听
	[00:34.33]也许有救 反正会内疚
	[00:44.58]我犯下的错 借口已用尽
	[00:54.12]没什么意外 别像个无赖
	[01:04.79]爱要试探几个回合才可以
	[01:10.10]不需要声嘶力竭的证明清白
	[01:15.12]酒后还算清醒 我不算太负心
	[01:20.81]麻木到你根本懒得听
	[01:25.18]我不想辜负一次又一次的信任
	[01:30.50]或把我比作不能自控的小人
	[01:35.57]这世界太嘈杂 周边都是假话
	[01:41.25]你能不能再找个理由 等我回家
	[02:06.23]闭上眼睛 没有人听
	[02:16.43]你的远离 特别的安静
	[02:25.56]我犯下的错 你给过提醒
	[02:36.63]到今天才清醒 已无人回应
	[02:46.98]爱要试探几个回合才可以
	[02:52.16]不需要声嘶力竭的证明清白
	[02:57.27]酒后还算清醒 我不算太负心
	[03:03.01]麻木到你根本懒得听
	[03:07.61]我不想辜负一次又一次的信任
	[03:12.53]或把我比作不能自控的小人
	[03:17.65]这世界太嘈杂 周边都是假话
	[03:23.47]不坚定的我 怎么表达 怎么回家
	[03:41.05]我承认世界对我有点诱惑啊
	[03:45.75]不该像叛逆期的孩子拼命耍
	[03:50.82]我接受了惩罚 只能说放得下
	[03:56.50]失去资格怎么留的下
	[04:01.13]分开的那些日子你还恨我吗
	[04:06.18]衷心的人劝后悔的人不听啊
	[04:11.31]我没资格讲话 还想讨个说法
	[04:17.05]你能不能再编一个理由
	[04:23.86]等我回家 等我回家
	</textarea>
	<div class="music_box">
		<div id="jquery_jplayer_1" class="jp-jplayer"></div>
			
			<div class="content">
			    <ul id="lrc_list">
			    	<li>点击开始播放……</li>
			    </ul>
			</div>
			<div id="jp_container_1" class="jp-audio">
			  	<div class="jp-type-single">
			    	<div class="jp-gui jp-interface">
				      	<ul class="jp-controls">
					        <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
					        <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
					        <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
					        <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
					        <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
					        <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
				      	</ul>
			      		<div class="jp-progress">
				        	<div class="jp-seek-bar">
				          		<div class="jp-play-bar"></div>
				        	</div>
			      		</div>
				      	<div class="jp-volume-bar">
				        	<div class="jp-volume-bar-value"></div>
				      	</div>
			      		<div class="jp-time-holder">
			        		<div class="jp-current-time"></div>
			        		<div class="jp-duration"></div>
					        <ul class="jp-toggles">
					          	<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
					          	<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
					        </ul>
			      		</div>
			    	</div>
			  	</div>
			</div>
		</div>
	</div>
</body>
</html>